<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reportlist.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <title>报备列表</title>
</head>
<body style="background:#f1f5f8;">
    <div class="box">
        <!-- 表单 -->
        <div class="header">
            <form class="form-inline">
                <div class="form-group">
                    <label for="exampleInputName2">商家名称</label>
                    <input type="text" class="form-control">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail2">品牌名称</label>
                    <input class="form-control">
                </div>
                <div class="form-group">
                    <label for="exampleInputName2">报备人员</label>
                    <input class="form-control">
                </div>
                <div>
                    <div class="form-group">
                        <label for="exampleInputEmail2">报备时间段</label>
                        <input type="date" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">至</label>
                        <input type="date" class="form-control">
                    </div>
                    <div class="form-group">
                    <label for="exampleInputName2">状态</label>
                        <select name="" id="">
                            <option value="">执行中</option>
                            <option value="">等待中</option>
                            <option value="">已撤销</option>
                            <option value="">已结束</option>
                        </select>
                    </div>
                </div>
                <!-- 重置 检索按钮 -->
                <div class="oBtn">
                    <input type="reset" value="重置">
                    <input type="submit" value="检索">
                </div>
                
            </form>
        </div>
        <!-- 表格 -->
        <div class="tableList">
            <div class="controlBtn">
                <div class="oRight">
                    <span>当前列表总数88</span>
                </div>
            </div>
            <!-- 表格 -->
            <table class="table table-bordered">
                <!-- 表头 -->
                <thead>
                    <tr class="warning">
                        <th>公司名称</th>
                        <th>品牌名称</th>
                        <th>详细地址</th>
                        <th>报备人员</th>
                        <th>对接人员</th>
                        <th>报备时间</th>
                        <th>申请时间</th>
                        <th>剩余天数</th>
                        <th>审核状态</th>
                        <th style="width:220px">编辑</th>
                    </tr>
                </thead>
                <!-- 表身 -->
                <tbody>
                    <tr>
                        <td>12243</td>
                        <td>有意 u</td>
                        <td>有意*</td>
                        <td>有意**</td>
                        <td>******</td>
                        <td>******</td>
                        <td>******</td>
                        <td>******</td>
                        <td>******</td>
                        <td>
                            <a href="#"data-toggle="modal" data-target="#myModal_four">查看</a>
                            <a href="#"data-toggle="modal" data-target="#myModal_three">审核</a>
                            <a href="#"data-toggle="modal" data-target="#myModal_two">延长时间</a>
                            <a href="#" data-toggle="modal" data-target="#myModal">注销报备</a>
                            
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 分页-->
        <div value="1 0" style="width:0"></div>
        <div id="page" class="page_div"></div>
    </div>




    <!-- 弹出框 是否撤销报备 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">撤销报备</h4>
            </div>
            <div class="modal-body">
                <h4>该操作不可逆，是否撤销报备</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
            </div>
        </div>
    </div>
    <!-- 弹出框 是否延长时间 -->
    <div class="modal fade" id="myModal_two" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">延长时间</h4>
                </div>
                <div class="modal-body">
                    <ul class="modal_ul">
                        <li>
                            <span>申报申请时间</span>
                            &nbsp;&nbsp;
                            <span>20180603</span>
                        </li>
                        <li>
                            <span>天数</span>
                            &nbsp;&nbsp;
                            <span>20</span>
                        </li>
                        <li>
                            <span>报备中止日期</span>
                            &nbsp;&nbsp;
                            <span>20</span>
                        </li>
                        <li>
                            <span>剩余天数</span>
                            &nbsp;&nbsp;
                            <span>20</span>
                        </li>
                        <li>
                            <span>增加延长天数</span>
                            &nbsp;&nbsp;
                            <input type="text">
                        </li>
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
                </div>
            </div>
    </div>
    <!-- 弹出框 报备审核 -->
    <div class="modal fade" id="myModal_three" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">报备审核</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">品牌名称</label>
                            <div class="col-sm-10 w220">
                                <input type="text" class="form-control" id="inputPassword">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">报备审核</label>
                            <!-- <div class="col-sm-10 w220"> -->
                                <input style="width:0" type="radio" name="radio1" value="审核通过">
                                <label class="textLef">审核通过</label>
                                <input style="width:0" type="radio" name="radio1" value="审核不通过">
                                <label class="textRgh">审核不通过</label>
                            <!-- </div> -->
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">反馈详情</label>
                            <div class="col-sm-10 w220">
                                <textarea name="" id="" cols="40" rows="10"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
                </div>
            </div>
    </div>
    <!-- 弹出框 点击查看 -->
    <div class="modal fade" id="myModal_four" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">查看</h4>
                </div>
                <div class="modal-body">
                    <div style="width:500px;height:25px;margin:0 auto;background: #eee;"></div>
                    <div style="width:500px;margin:0 auto;border:1px solid #eee;">
                        <div style="width:400px;margin:0 auto;height:240px">
                                <dt class="dl_2">
                                    <font>*报备人姓名:</font>
                                    <span>**********</span>
                                </dt>
                                <dt>
                                    <font>*对接人姓名:</font>
                                    <span>20天</span>
                                </dt>
                                <dt>
                                    <font>对接时间:</font>
                                    <span>*****</span>
                                </dt>
                                <dt>
                                    <font>*商家名称:</font>
                                    <span>*****</span>
                                </dt>
                                <dt>
                                    <font>*品牌名称:</font>
                                    <span>5s</span>
                                </dt>
                                <dt>
                                    <font>省/直辖市:</font>
                                    <span>50s</span>
                                </dt>
                                <dt>
                                    <font>*详细地址:</font>
                                    <span>100</span>
                                </dt>
                                <dt>
                                    <font>*申请天数:</font>
                                    <span>100</span>
                                </dt>
                        </div>
                    </div>
                    <div style="width:500px;height:200px;margin:0 auto;border:1px solid #eee;">
                        <p style="width:850px;margin:0 auto;margin-top:10px">审核详情</p>
                        <table class="table table-bordered" style="margin:0 auto;width:500px;margin-top:10px;">
                                <thead style="text-align:center">
                                    <tr class="active">
                                        <th>审核时间</th>
                                        <th>审核人员</th>
                                        <th>审核结果</th>
                                        <th>反馈详情</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>111</td>
                                        <td>品牌名称</td>
                                        <td>详细地址</td>
                                        <td>对接人员</td>
                                    </tr>
                                </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">确定</button>
                </div>
                </div>
            </div>
    </div>
    <script src="./js/jquery-3.2.0.js"></script>
    <script src="./js/bootstrap.min.js"></script> 
    <script src="./js/paging.js"></script>
    <script src="./js/pag.js"></script>
</body>
</html>